<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>峰凌博客</title>
    <link rel="stylesheet" href="static/css/index.css">
</head>
<body>
<div class="main">
    <!--顶部栏-->
    <div class="top">
        <div class="fllogo">
            <img src="static/image/flblogo.png" alt="">
        </div>
        <div class="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="geren.html">个人页面</a></li>
                <li><a href="xiazai.html">相关下载</a></li>
                <li><a href="lianxi.html">联系我们</a></li>
            </ul>
        </div>
        <div class="zhuce">
            <a href="register.html">
            <img src="static/image/zhu2.jpg" alt="">
            </a>
        </div>
        <div class="denglu">
            <a href="login.html">
            <img src="static/image/deng2.jpg" alt="">
            </a>
        </div>
    </div>
    <!--内容栏-->
    <div class="middle">
        <!--内容栏左-->
        <div class="left">
            <div class="limg">
                <img src="static/image/limg.jpg" alt="">
            </div>
            <div class="lul">
                <h1>热门搜索</h1>
                <ul>
                    <li><a href="https://baijiahao.baidu.com/s?id=1632684870774697272&wfr=spider&for=pc">《复联4》票房破两项吉尼斯纪录</a></li>
                    <li><a href="http://www.sohu.com/a/312011924_425064">Ella回复孟美岐高仿号本尊机智回应</a></li>
                    <li><a href="https://baijiahao.baidu.com/s?id=1632826693971899843&wfr=spider&for=pc">《流浪地球》下映 内地票房超46亿元</a></li>
                    <li><a href="https://baijiahao.baidu.com/s?id=1632841548473847416&wfr=spider&for=pc">《复联4》成全球票房亚军</a></li>
                    <li><a href="https://baijiahao.baidu.com/s?id=1632745590391055167&wfr=spider&for=pc">张杰卡点为谢娜庆生：爱你</a></li>
                    <li><a href="https://baijiahao.baidu.com/s?id=1632743273473900278&wfr=spider&for=pc">阿Sa带92岁奶奶现身日月潭</a></li>
                    <li><a href="https://baijiahao.baidu.com/s?id=1632743603790666652&wfr=spider&for=pc">水滴筹回应德云社吴鹤臣众筹</a></li>
                    <li><a href="http://m.haha.sogou.com/391163/">北京一饭店为尽早打烊，冬天开冷风</a></li>
                    <li><a href="https://www.douban.com/group/topic/5550588/">墨西哥一电视剧连续35年播出</a></li>
                </ul>
                <h1>人气排行</h1>
                <ul>
                <li>朱哥</li>
                <li>樊姐</li>
                <li>蔡徐坤</li>
                <li>刘诗诗</li>
                <li>谢娜</li>
                <li>迪丽热巴</li>
                </ul>
            </div>
        </div>
        <!--内容栏右-->
        <div class="right">
            <!--内容栏右banner轮播-->
            <div class="banner">
                <div >
                    <img src="static/image/ban33.jpg" alt="" id="banner1">
                </div>
                <div id="spanbtn">
                    <span onmouseover="showbannerbyid(1)"  onmouseout="btnMouseOut()">1</span>
                    <span onmouseover="showbannerbyid(2)"  onmouseout="btnMouseOut()">2</span>
                    <span onmouseover="showbannerbyid(3)"  onmouseout="btnMouseOut()">3</span>
                    <span onmouseover="showbannerbyid(4)"  onmouseout="btnMouseOut()">4</span>
                </div>

            </div>
            <!--内容栏右文章推送一-->
            <div class="article1">
                <div class="aimg1">
                <img src="static/image/a111.jpg" alt="">
                </div>
                <div class="acontent">
                    <h3>致青春</h3>
                    <p>谁曾在谁的青春里走过，留下了笑靥如花。谁曾在谁的岁月
                        中停留，温暖了碧玉胭颊。谁拉长了谁的记 忆，谁增添了谁的思念，谁点缀了谁的金色年华。
                        青春，是一本打开放不下的书。是莺歌漫舞的花季，红豆飘香的情丝，情比金坚的
                        执着，白头相守的期许，山盟海誓的诺言。是风情月意的浪漫，痴云腻雨的缠绵，碧海
                        青天的的依恋，琴鸣瑟和的祈盼，花成蜜就的团圆。
                    </p>
                    <span>5月7日</span>
                    <img src="static/image/a11.jpg" alt="">
                 

                </div>
            </div>
            <!--内容栏右文章推送二-->
            <div class="article2">
                <div class="aimg1">
                    <img src="static/image/a2.jpg" alt="">
                </div>
                <div class="acontent">
                    <h3>抱怨身处黑暗，不如提灯前行</h3>
                    <p>　
                        南北朝的萧纲曾说过：一善染心，万劫不朽。百灯旷照，千里通明。
                        善良就是一场适时的光亮。在正义迟疑的时候，它自带一盏清明，
                        即使最初只是微茫，也终于会聚成大光明一片。
                        作家刘同说：抱怨身处黑暗，不如提灯前行。
                        我们每个人，都能成为那束驱赶黑暗的光。
                    </p>
                    <span>5月7日</span>
                    <img src="static/image/a11.jpg" alt="">


                </div>
            </div>
            <!--内容栏右文章推送三-->
            <div class="article3">
                <div class="aimg1">
                    <img src="static/image/a3.jpg" alt="">
                </div>
                <div class="acontent">
                    <h3>那些人生遭遇的难，都变成了我们的勇敢</h3>
                    <p>　
                        你曾在最无能为力的年纪，遇到了最想照顾一生的人。
                        又在能独当一面时，怎么也遇不到合适的那个人。
                        　　你曾因不珍惜，太狭隘，很任性，轻易松开了想要牵一
                        辈子的手。却又在成熟懂事后，失去了对爱情的向往和憧憬。
                        　　你曾掏心掏肺地对一个人好，可那个人却对此无动于衷
                        。你曾被另一个人温柔以待，但怎么也击不起心中的涟漪和浪花。
                    </p>
                    <span>5月7日</span>
                    <img src="static/image/a11.jpg" alt="">


                </div>
            </div>
        </div>
        <!--内容栏底-->
            <div class="midtop">
                <div class="topleft">
                    <div class="toptitle">
                        <div class="top1" >
                            <img src="static/image/topleftjia.jpg" alt="">
                            <span>新闻动态 &nbsp;&nbsp;&nbsp; NEW
                        </span>
                        </div>
                    </div>
                    <div class="toplist">
                        <div class="top2">
                            <img src="static/image/topleftkefu.jpeg" alt="">
                        </div>
                        <ul>
                            <li>越优秀的男人越不爱做这3件事</li>
                            <li>巴黎圣母院大火是对所有古建警醒</li>
                            <li>为了不被催婚，我给父亲写了封信</li>
                            <li>程鹤麟：世界都猜不透英国人的心</li>
                            <li>大学生办贷款小心这四种陷阱 </li>
                            <li>中国留学生亲历电话诈骗</li>
                            <li>马云现身绍兴 喝黄酒坐乌篷船</li>
                            <li> 研究了B站 发现它很不"二次元"</li>
                            <li>滴滴上线特惠拼车 代替顺风车?</li>
                        </ul>
                    </div>
                </div>
                <div class="topmid">
                    <div class="toptitle">
                        <div class="top1" >
                            <img src="static/image/topleftjia.jpg" alt="">
                            <span>军事动态 &nbsp;&nbsp;&nbsp; NEW
                        </span>
                        </div>
                    </div>
                    <div class="toplist">
                        <div class="top2">
                            <img src="static/image/topleftkefu.jpeg" alt="">
                        </div>
                        <ul>
                            <li>美媒称环太平洋军演应在南海举行</li>
                            <li> 卫星图曝中国003航母模块化组装</li>
                            <li>国产航母涂刷飞行甲板标志线(图)</li>
                            <li>071登陆舰内部曝光：能带4架直8</li>
                            <li>法国通过“坑蒙拐骗偷”</li>
                            <li>美通过"台湾保证法"将有3个后果</li>
                            <li> 炸馆事件20年后的中国军队：</li>
                            <li>美国又提出离谱要求 </li>
                            <li>中国未来10年将新增200艘军舰</li>
                        </ul>
                    </div>
                </div>
                <div class="topright">
                    <div class="toptitle">
                        <div class="top1" >
                            <img src="static/image/topleftjia.jpg" alt="">
                            <span>娱乐资讯 &nbsp;&nbsp;&nbsp; NEW
                        </span>
                        </div>
                    </div>
                    <div class="toplist">
                        <div class="top2">
                            <img src="static/image/topleftkefu.jpeg" alt="">
                        </div>
                        <ul>
                            <li> 杨洋乔欣恋情蛛丝马迹疑似露端倪</li>
                            <li>遇事就跑?疑似乔欣助理diss杨洋</li>
                            <li>狂撒狗粮！窦骁写诗为何超莲庆生</li>
                            <li> 曝李亚鹏新欢身家超500亿</li>
                            <li> 哈里王子公布宝宝名为阿尔奇 </li>
                            <li>《爱情公寓5》宣布开拍</li>
                            <li>程鹤麟：世界都猜不透英国人的心</li>
                            <li> 编剧六六“地域黑”言论引争议 </li>
                            <li>嗯哼撒娇卖萌</li>
                        </ul>
                    </div>
                </div>
    </div>
    <!--底部栏-->
    <div class="botton">
        <p>
            本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时联系我删除！
            <br>©峰凌博客. 版权六组所有     站点地图
            <br>晋ICP备16004636号-2
            <br>我们是有底线的
        </p>
    </div>
</div>
</body>
<script>
    //***图片切换效果
    /*实例话一个数组,用于存放图片路径*/
    var arr = new Array;
    arr[0] = "static/image/ban33.jpg";
    arr[1] = "static/image/ban3.jpg";
    arr[2] = "static/image/ban6.jpg";
    arr[3] = "static/image/ban11.jpg";
    var count = 0;
    /*实现自动切换图片*/
    function autoPlayer() {
        if (arr.length == count)
            count = 0;
        document.getElementById("banner1").src= arr[count];
        count++;
    }
    /*让图片切换的延时*/
    var Timer = setInterval(autoPlayer,2000);
    /*清除定时器对象*/
    function clearTimer() {
        clearInterval(Timer);
    }
    /*鼠标悬停时侯指定播放的图片*/
    function showbannerbyid(num) {
        clearTimer();
        var index = parseInt(num);
        document.getElementById("banner1").src=arr[index-1];
        count = index;
    }
    /*鼠标离开回复，自动恢复图片自动播放效果*/
    function btnMouseOut(num) {
        Timer=setInterval(autoPlayer,2000);
    }
</script>
</html>